// 由于需要大量用到上下文中的方法和属性
// 所以，setup函数一定要定义为function
export default function() {
	// JiessBetween底层基于flex线性布局

	// 基础用法
	this.add(
		this.render({
			is: '$Between',
			left: 'left',
			right: 'right',
			leftWidth: '100px',
			rightWidth: '100px',
			style: { background: 'green' },
			leftStyle: { color: 'white' },
			rightStyle: { color: 'white' }
		})
	);

	// 使用JiessBetween内部的上下文
	this.add(
		this.render({
			is: '$Between',
			left() {
				return this.render({}, 'left-定义为函数')
			},
			right() {
				return this.render({}, 'right-定义为函数')
			},
		})
	)

	// 返回函数的上下文，由JiessComponent重新构建，独立于JiessBetween上下文
	this.add(
		this.render({
			is: '$Between',
			left: () => function() {
				return this.render({}, 'left-定义的函数返回函数')
			},
			right: () => function() {
				return this.render({}, 'right-定义的函数返回函数')
			},
		})
	)

}